<!DOCTYPE html>
<html>
	<head>
		<title>ScribeFire</title>
		<link rel="stylesheet" type="text/css" href="skin/base.css" />
		<link rel="stylesheet" type="text/css" href="skin/widgets.css" />
		<link rel="stylesheet" type="text/css" href="skin/style.css" />
		<link rel="stylesheet" type="text/css" href="skin/facebox.css" />
		<link rel="stylesheet" type="text/css" href="skin/jquery-ui.css" />
		<link rel="icon" type="image/png" href="skin/icon-16.png" />
		<script type="text/javascript">
			// Safari tries to use $platform before it's defined, so I added this...
			
			if (typeof opera != "undefined") {
				var platform = "presto";
				var browser = "opera";
			}
			else if (typeof Components != 'undefined') {
				var platform = "gecko";
				var browser = 'firefox';
			}
			else {
				var platform = "webkit";

				if (typeof chrome != 'undefined') {
					var browser = 'chrome';
				}
				else {
					var browser = 'safari';
				}
			}
		</script>
		<script type="text/javascript" src="io.js"></script><!-- FIREFOX ONLY -->
		<script type="text/javascript" src="messages.js"></script><!-- SAFARI ONLY -->
		<script type="text/javascript" src="util.js"></script>
		<script type="text/javascript" src="xmlrpc.js"></script>
		<script type="text/javascript" src="apis.js"></script>
		<script type="text/javascript" src="scribefire.js"></script>
		<script type="text/javascript" src="zemanta.js"></script>
		<script type="text/javascript" src="vendor/jquery.js"></script>
		<script type="text/javascript" src="vendor/jquery-ui.js"></script>
		<script type="text/javascript" src="vendor/jquery-resize.js"></script>
		<script type="text/javascript" src="vendor/parseUri.js"></script>
		<script type="text/javascript" src="vendor/facebox.js"></script>
		<script type="text/javascript" src="lib/tiny_mce/tiny_mce_src.js"></script>
		<script type="text/javascript" src="lib/persist.js"></script>
		<script type="text/javascript" src="lib/keyboard.js"></script>
		<script type="text/javascript" src="vendor/wordpress.js"></script>
		<script type="text/javascript" src="migrate.js"></script>
		<script type="text/javascript" src="vendor/jquery-oembed.js"></script>
		<script type="text/javascript" src="lib/upload.js"></script>
		<script type="text/javascript" src="adbull.js"></script>
		<script type="text/javascript" src="vendor/showdown.js"></script>
		<script type="text/javascript" src="vendor/jquery-paste-image-reader.js"></script>
	</head>
	<body ondragenter="if (SCRIBEFIRE.getAPI().ui.upload) { SCRIBEFIRE.enableDragAndDropUpload(); }">
		<div id="firefox-upgrade-notice" platform-only="gecko">
			Does ScribeFire look different to you? <a href="http://www.scribefire.com/2011/09/12/scribefire-for-firefox-is-about-to-change/">See this blog post</a> for more information.
			<a href="#" id="button-hide-upgrade-notice">X</a>
		</div>
	
		<form id="drag-and-drop-upload-form" style="width: 100%; height: 99%;" onsubmit="return false;">
			<input type="file" multiple="true" id="hidden-file-upload" class="ui-upload" onclick="event.preventDefault();"/>

			<table style="height: 100%; width: 100%;" cellspacing="0" cellpadding="0">
				<tr style="height: 99%;">
					<td style="width: 25%; overflow: auto; height: 100%;" id="sidebar">
						<div class="ui-blogs">
							<div class="bar fixed" open="true" id="bar-blog">
								<label><i18n data-key="label_blog"></i18n></label>
								<button class="bar-meta" id="button-blog-add"><i18n data-key="action_blog_add"></i18n></button>
							</div>
							<div class="underbar fixed" open="true">
								<div class="blog-meta">
									<select id="list-blogs"></select>
									<div style="margin-top: 10px;">
										<button class="button-blog-view" style="float: left;"><i18n data-key="action_view"></i18n></button>
										<button id="button-blog-edit" style="margin-left: 10px; float: left;"><i18n data-key="action_edit"></i18n></button>
										<button id="button-blog-adbull" style="margin-left: 10px; float: left; display: none;" class="ui-adbull"><i18n data-key="action_adbull"></i18n></button>
										<button id="button-blog-remove" class="text-button"><i18n data-key="action_remove"></i18n></button>
									</div>
								</div>
								<div class="blog-unmeta" style="display: none;">
									<p><i18n data-key="text_get_started"></i18n></p>
								</div>
							</div>
						</div>
						<div>
							<div class="bar fixed" id="bar-entries">
								<label><span class="entry-type-text"><i18n data-key="label_entry"></i18n></span></label>
								<button class="bar-meta reset-button"><i18n data-key="action_reset"></i18n></button>
							</div>
							<div class="underbar fixed" id="underbar-entries">
								<div>
									<select id="list-entries"><option value="scribefire:new:post" class="i18n" data-key="entry_new_label"></option></select>
								</div>
								<input type="search" placeholder="Filter Entries List" style="width: 100%;" id="filter-entries" />
								<div class="post-meta" style="margin-top: 10px;">
									<span class="ui-deleteEntry" style="display: block;">
										<button id="button-entry-remove" class="text-button"><i18n data-key="action_delete"></i18n></button>
									</span>
								</div>
							</div>
						</div>
						<div>
							<div class="bar fixed">
								<label class="i18n" data-key="label_templates"></label>
							</div>
							<div class="underbar fixed">
								<div>
									<select id="list-templates">
										<option value="" class="i18n" data-key="label_load_template"></option>
									</select>
									<div style="margin-top: 10px;">
										<button id="button-template-load" class="template-meta i18n" data-key="action_load"></button>
										<button id="button-template-save" class="template-anti-meta i18n" data-key="button_save_template"></button>
										<button id="button-template-delete" class="text-button template-meta i18n" data-key="action_delete"></button>
									</div>
								</div>
							</div>
						</div>
						<div class="ui-categories blog-meta">
							<div class="bar" id="bar-categories">
								<label><i18n data-key="label_categories"></i18n> <span id="label-current-categories"></span></label>
								<button id="button-category-add" class="bar-meta ui-add-category"><i18n data-key="action_category_add"></i18n></button>
							</div>
							<div class="underbar">
								<select id="list-categories" multiple="true"></select>
							</div>
						</div>
						<div class="ui-tags blog-meta">
							<div class="bar" id="bar-tags">
								<label><i18n data-key="label_tags"></i18n> <span id="label-current-tags"></span></label>
							</div>
							<div class="underbar">
								<input type="text" id="text-tags" placeholder="Comma-separated"/><!-- @todo localize -->
							</div>
						</div>
						<div>
							<div class="bar fixed">
								<label><i18n data-key="label_settings_section"></i18n></label>
							</div>
							<div class="underbar fixed">
								<button id="button-settings" class="i18n" data-key="button_preferences"></button>
								<button id="button-migrate" class="ui-import-export i18n" data-key="button_migrate" style="display: inline-block;"></button>
							</div>
						</div>
						<div class="ui-zemanta" id="zemanta-promo" style="display: none;">
							<div class="bar fixed">
								<label><i18n data-key="zemanta_introduction_header"></i18n></label>
								<button class="bar-meta" id="button-zemanta-hide"><i18n data-key="action_hide"></i18n></button>
							</div>
							<div class="underbar fixed">
								<img src="skin/zemanta-logo.png" align="left" style="padding-right: 10px;"/>
								<p><i18n data-key="zemanta_introduction"></i18n></p>
								<img src="skin/zemanta-screenshot.png" style="border: 1px solid #666;" />
							</div>
						</div>
						<div id="stats-promo" style="display: none;">
							<div class="bar fixed">
								<label><i18n data-key="stats_introduction_header"></i18n></label>
							</div>
							<div class="underbar fixed">
								<p class="i18n" data-key="stats_introduction"></p>
								<p style="text-align: center;">
									<button class="i18n" data-key="stats_button_yes" id="button-stats-yes" />
									<button class="i18n" data-key="stats_button_no" id="button-stats-no" />
								</p>
							</div>
						</div>
						<div id="adbull-promo" style="display: none;">
							<div class="ui-adbull">
								<div class="bar fixed">
									<label><i18n data-key="text_adbull_header"></i18n></label>
									<button class="bar-meta" id="button-adbull-hide"><i18n data-key="action_hide"></i18n></button>
								</div>
								<div class="underbar fixed" style="padding-top: 10px;">
									<img src="skin/adbull-48.png" align="left" style="padding-right: 10px;"/>
									<p style="margin-top: 0;"><i18n data-key="text_adbull_introduction"></i18n></p>
								</div>
							</div>
						</div>
					</td>
					<td style="width: 75%; max-width: 75%; overflow: auto; height: 100%;" id="content">
						<div>
							<div class="bar fixed" id="bar-title">
								<label><i18n data-key="label_title"></i18n> <span id="label-current-title"></span></label>
								<a href="#" style="float: right; padding-right: 1ex;" class="trap" id="link-help"><i18n data-key="label_help"></i18n></a>
							
							</div>
							<div class="underbar fixed">
								<input type="text" id="text-title" />
							</div>
						</div>
						<div>
							<div class="bar fixed" open="true" id="bar-content">
								<label><i18n data-key="label_content"></i18n></label>
								<div id="editor-toggles" style="float: right; padding-right: 1ex; cursor: pointer;" class="trap">
									<a id="edButtonHTML" onclick="event.stopPropagation(); switchEditors.go('text-content', 'html');"><i18n data-key="action_editHTML"></i18n></a>
									<a id="edButtonPreview" style="display: none;" onclick="event.stopPropagation(); switchEditors.go('text-content', 'tinymce');"><i18n data-key="action_editVisual"></i18n></a>
								</div>
							</div>
							<div class="underbar" open="true">
								<textarea rows="10" name="text-content" id="text-content"></textarea>
							
								<div class="ui-excerpt" style="margin-top: 1em;">
									<div class="subbar" id="bar-excerpt">
										<label><i18n data-key="label_excerpt"></i18n> <span id="label-current-excerpt"></span></label>
									</div>
									<div class="subunderbar" last="true">
										<textarea rows="5" name="text-excerpt" id="text-excerpt"></textarea>
									</div>
								</div>
							
								<div class="ui-custom-fields" style="margin-top: 10px;">
									<div class="subbar" id="bar-custom-fields">
										<label><i18n data-key="label_customFields"></i18n></label>
									</div>
									<div class="subunderbar" last="true">
										<div id="custom-fields">
											<div class="custom_field">
												<input type="hidden" name="id" />
												<button class="button-remove-custom-field">-</button>
												<input type="text" name="key" placeholder="Name" />
												<textarea name="value" placeholder="Value"></textarea>
											</div>
										</div>

										<button id="button-add-custom-field"><i18n data-key="action_customField_add"></i18n></button>
									</div>
								</div>
							
								<!--
								<div class="ui-featured-image" style="margin-top: 1em;">
									<input type="text" id="text-featured-image-id" />
									<button onclick="SCRIBEFIRE.getAPI().getMediaLibrary(SCRIBEFIRE.getAPI());">Try</button>
								</div>
								-->
							</div>
						</div>
						<div>
							<div class="bar fixed" id="bar-publish">
								<label><i18n data-key="label_publish"></i18n></label>
							</div>
							<div class="underbar fixed" id="underbar-publish" last="true">
								&#160;
								<input type="hidden" id="status-draft" value="0" />

								<div style="text-align: right; float: right;">
									<span id="buttons-publish-draft">
										<button id="button-save-progress" class="i18n" data-key="action_draft_save"></button>
										<button id="button-publish-draft" class="i18n blog-meta" data-key="action_publish"></button>
									</span>
									<span id="buttons-publish-published">
										<button id="button-publish"><i18n data-key="action_publishUpdate"></i18n></button>
									</span>
								</div>
								<span class="ui-private blog-meta">
									<input type="checkbox" id="checkbox-private" /> <label><i18n data-key="label_private"></i18n></label>
								</span>
								<span class="ui-slug blog-meta">
									<a href="#" id="slug-toggle"><i18n data-key="action_permalink_edit"></i18n></a> 
									<input type="url" style="width: 15em; display: none;" id="text-slug" />
									<span id="slug-display"></span>
								</span>
								<span class="ui-timestamp blog-meta">
									<a href="#" id="toggle-schedule"><i18n data-key="action_schedule"></i18n></a>
									<span id="toggle-schedule-immediately"><i18n data-key="option_publish_immediately"></i18n></span>
									<span id="toggle-schedule-scheduled">
										<select id="list-datestamp-month" style="width: auto;">
											<option value="01" class="i18n" data-key="option_publish_month1"></option>
											<option value="02" class="i18n" data-key="option_publish_month2"></option>
											<option value="03" class="i18n" data-key="option_publish_month3"></option>
											<option value="04" class="i18n" data-key="option_publish_month4"></option>
											<option value="05" class="i18n" data-key="option_publish_month5"></option>
											<option value="06" class="i18n" data-key="option_publish_month6"></option>
											<option value="07" class="i18n" data-key="option_publish_month7"></option>
											<option value="08" class="i18n" data-key="option_publish_month8"></option>
											<option value="09" class="i18n" data-key="option_publish_month9"></option>
											<option value="10" class="i18n" data-key="option_publish_month10"></option>
											<option value="11" class="i18n" data-key="option_publish_month11"></option>
											<option value="12" class="i18n" data-key="option_publish_month12"></option>
										</select>
										<input type="day" id="text-datestamp-day" size="2" placeholder="DD"/>,
										<input type="year" id="text-datestamp-year" size="4" placeholder="YYYY"/>
										@
										<input type="hour" id="text-timestamp-hour" size="2" placeholder="HH" />:<input type="minute" id="text-timestamp-minute" size="2" placeholder="mm" min="00" max="59" />
									</span>
								</span>
							</div>
						</div>
					</td>
				</tr>
			</table>
		</form>
		
		<div id="panel-blog-edit" class="modal" style="display: none;">
			<h3><i18n data-key="header_blogProperties"></i18n></h3>
			<p><i18n data-key="text_blogProperties1"></i18n></p>
			<div>
				<div>
					<div class="bar fixed"><label><i18n data-key="label_name"></i18n></label></div>
					<div class="underbar" open="true">
						<input type="text" class="blog-edit-field" name="name" />
					</div>
				</div>
				<div>
					<div class="bar fixed"><label><i18n data-key="label_url"></i18n></label></div>
					<div class="underbar" open="true" last="true">
						<input type="url" class="blog-edit-field" name="url" />
					</div>
				</div>
				<div class="ui-nooauth">
					<div class="bar fixed"><label><i18n data-key="label_username"></i18n></label></div>
					<div class="underbar" open="true" last="true">
						<input type="text" class="blog-edit-field" name="username" />
					</div>
				</div>
				<div class="ui-nooauth">
					<div class="bar fixed"><label><i18n data-key="label_password"></i18n></label></div>
					<div class="underbar" open="true" last="true">
						<input type="password" class="blog-edit-field" name="password" />
					</div>
				</div>
				<div class="ui-oauth">
					<div class="bar fixed"><label>Authorization</label></div>
					<div class="underbar" open="true" last="true">
						To revoke ScribeFire's access to your blog, visit <a href="http://www.wordpress.com/wp-admin/index.php?page=connections">your wordpress.com profile</a> and click on "Connections" in the left-hand sidebar.
					</div>
				</div>
				<div class="adbull_code" style="display: none;">
					<div class="bar fixed"><label><i18n data-key="label_adbull_code"></i18n></label></div>
					<div class="underbar" open="true" last="true" style="margin-top: 10px;">
						<code class="adbull_code"></code>
						<p><i18n data-key="adbull_code_instructions"></i18n></p>
					</div>
				</div>
			</div>
		
			<div class="buttons">
				<button id="button-blog-edit-cancel" class="modal_close cancel-button"><i18n data-key="action_cancel"></i18n></button>
				<button id="button-blog-edit-finish"><i18n data-key="action_save"></i18n></button>
			</div>
		</div>
	
		<div id="panel-video-insert" style="display: none;">
			<h3><i18n data-key="header_video"></i18n></h3>
			<p id="error-video-insert" style="display: none;"></p>
			<p>
				<label class="i18n" data-key="text_video1"></label>
				<input type="text" id="text-video-insert-url" />
				<label><small class="i18n" data-key="text_video2"></small></label>
			</p>
			<p>
				<label><i18n data-key="text_video3"></i18n></label>
				<textarea id="textarea-video-insert" rows="8" cols="40"></textarea>
			</p>
			<div class="buttons">
				<button id="button-video-insert-cancel" class="modal_close cancel-button"><i18n data-key="action_cancel"></i18n></button>
				<button id="button-video-insert"><i18n data-key="action_insert"></i18n></button>
			</div>
		</div>
	
		<div id="panel-zemanta" style="display: none;">
			<table style="width: 100%;"><tr><td><img src="skin/zemanta-logo.png" /></td><td style="text-align: right; vertical-align: bottom;">
				<button id="zemanta-button-articles" onclick="SF_ZEMANTA.getRelated('articles');" class="zemanta-content-type-button"><i18n data-key="zemanta_articles_button_text"></i18n></button>
				<button id="zemanta-button-images" onclick="SF_ZEMANTA.getRelated('images');" class="zemanta-content-type-button"><i18n data-key="zemanta_images_button_text"></i18n></button>
			</td></tr></table>

			<div id="panel-zemanta-articles">
				<div class="zemanta-loading">
					<p class="throbber"><i18n data-key="zemanta_loading_articles_message"></i18n></p>
				</div>
				<div class="no-results">
					<p><i18n data-key="zemanta_no_results"></i18n></p>
		
					<p><i18n data-key="zemanta_selection_hint"></i18n></p>
				</div>
				<div class="loaded">
					<p><i18n data-key="zemanta_instructions"></i18n></p>
		
					<div class="ui-zemanta" id="zemanta-container">
						<div id="zemanta-articles-container"></div>
						<div id="zemanta-article-template" style="display: none;">
							<input type="checkbox" />
							<a href="#" target="_blank"></a>
							<small></small>
						</div>
					</div>
				</div>
			</div>
			<div id="panel-zemanta-images">
				<div class="zemanta-loading">
					<p class="throbber"><i18n data-key="zemanta_loading_images_message"></i18n></p>
				</div>
				<div class="no-results">
					<p><i18n data-key="zemanta_no_results"></i18n></p>
		
					<p><i18n data-key="zemanta_selection_hint"></i18n></p>
				</div>
				<div class="loaded">
					<p><i18n data-key="zemanta_image_instructions"></i18n></p>
		
					<div id="zemanta-image-grid" style="max-height: 400px; overflow: auto; text-align: center;"></div>
				</div>
			</div>
		
			<div class="buttons">
				<button class="modal_close cancel-button"><i18n data-key="action_cancel"></i18n></button>
				<button id="button-zemanta-insert-articles" style="display: none;"><i18n data-key="action_insert"></i18n></button>
			</div>
		</div>
	
		<div id="panel-zemanta-tos" style="display: none;">
			<p><i18n data-key="zemanta_tos_description"></i18n></p>
		
			<div id="container-zemanta-tos"></div>
		
			<p style="display: none; color: #c00;" id="zemanta_pixie_reminder"><i18n data-key="zemanta_pixie_reminder"></i18n></p>
		
			<p><i18n data-key="zemanta_tracking_optin"></i18n></p>
		
			<div style="margin-left: 2em;">
				<input type="radio" name="zemanta_pixie" id="zemanta_pixie_yes" value="1" /> <label for="zemanta_pixie_yes"><i18n data-key="zemanta_tracking_yes"></i18n></label> <br />
				<input type="radio" name="zemanta_pixie" id="zemanta_pixie_no" value="0" /> <label for="zemanta_pixie_no"><i18n data-key="zemanta_tracking_no"></i18n></label>
			</div>
		
			<p><i18n data-key="zemanta_tos_accept_request"></i18n></p>
		
			<div class="buttons">
				<button id="button-zemanta-tos-cancel" class="modal_close cancel-button"><i18n data-key="action_cancel"></i18n></button>
				<button id="button-zemanta-tos-accept"><i18n data-key="continue"></i18n></button>
			</div>
		</div>
	
		<div id="panel-publish-notification" style="display: none;">
			<h3 class="i18n" data-key="notification_publish"></h3>
		
			<div class="multipost-hidden">
				<!-- <p class="i18n" data-key="label_genericQuestion"></p> -->
		
				<div class="buttons">
					<button class="button-meta button-blog-view multipost-hidden"><i18n data-key="action_openBlogInTab"></i18n></button>
					<button class="modal_close"><i18n data-key="action_continueEditing"></i18n></button>
					<button class="reset-button modal_close"><i18n data-key="action_reset"></i18n></button>
				</div>
			</div>
		
			<div class="ui-multipost">
				<p class="multipost-hidden i18n" data-key="label_multipost"></p>
			
				<table id="multipost-blog-list"></table>
			
				<div class="buttons">
					<button id="button-multipost" class="multipost-hidden i18n" data-key="action_multipost"></button>
					<button class="modal_close pre-multipost-hidden"><i18n data-key="action_continueEditing"></i18n></button>
					<button class="reset-button modal_close pre-multipost-hidden"><i18n data-key="action_reset"></i18n></button>
				</div>
			</div>
		</div>
	
		<div id="panel-publish-update-notification" style="display: none;">
			<h3 class="i18n" data-key="notification_publish_update"></h3>
		
			<!-- <p class="i18n" data-key="label_genericQuestion"></p> -->
		
			<div class="buttons">
				<button class="button-meta button-blog-view i18n" data-key="action_openBlogInTab"></button>
				<button class="modal_close"><i18n data-key="action_continueEditing"></i18n></button>
				<button class="reset-button modal_close"><i18n data-key="action_reset"></i18n></button>
			</div>
		</div>
	
		<div id="panel-save-draft-notification" style="display: none;">
			<h3 class="i18n" data-key="notification_publish_draft"></h1>
		
			<!-- <p class="i18n" data-key="label_genericQuestion"></p> -->
		
			<div class="buttons">
				<button class="modal_close"><i18n data-key="action_continueEditing"></i18n></button>
				<button class="reset-button modal_close"><i18n data-key="action_reset"></i18n></button>
			</div>
		</div>
		
		<div id="panel-adbull-register" style="display: none;">
			<form method="post" id="form-adbull-register">
				<input type="hidden" name="a" value="register" />
				<h1 class="i18n" data-key="adbull_company_name"></h1>
				<p><i18n data-key="adbull_introduction"></i18n></p>
				<p><a href="http://www.adbull.com/faq" class="i18n" data-key="adbull_learn_more" target="_blank"></a></p>
				<p class="error-message" style="display: none;"></p>
				<table style="width: 100%;">
					<tr>
						<td style="width: 45%;">
							<p>
								<label><i18n data-key="label_username"></i18n></label>
								<input type="text" name="username" class="padded" value="" />
							</p>
							<p>
								<label><i18n data-key="label_password"></i18n></label>
								<input type="password" name="password" class="padded" value=""/>
							</p>
							<p>
								<label><i18n data-key="label_password_confirm"></i18n></label>
								<input type="password" name="password2" class="padded" value=""/>
							</p>
							<p>
								<label><i18n data-key="label_name"></i18n></label>
								<input type="text" name="name" class="padded" value="" />
							</p>
							<p>
								<label><i18n data-key="label_email"></i18n></label>
								<input type="email" name="email" class="padded" value=""/>
							</p>
							<p>
								<label><i18n data-key="label_adbull_site_url"></i18n></label>
								<input type="url" name="url" class="padded" value=""/>
							</p>
						</td>
						<td>
							<p>
								<label><i18n data-key="label_mailing_address"></i18n></label>
								<input type="text" name="address" class="padded" value="" />
							</p>
							<p>
								<label><i18n data-key="label_city"></i18n></label>
								<input type="text" name="city" class="padded" value=""/>
							</p>
							<p>
								<label><i18n data-key="label_state"></i18n></label>
								<select name="state" class="padded">
									<option value="" class="i18n" data-key="option_select_state"></option> 
									<option value="Alabama">Alabama</option> 
									<option value="Alaska">Alaska</option> 
									<option value="Arizona">Arizona</option> 
									<option value="Arkansas">Arkansas</option> 
									<option value="California">California</option> 
									<option value="Colorado">Colorado</option> 
									<option value="Connecticut">Connecticut</option> 
									<option value="Delaware">Delaware</option> 
									<option value="District Of Columbia">District Of Columbia</option> 
									<option value="Florida">Florida</option> 
									<option value="Georgia">Georgia</option> 
									<option value="Hawaii">Hawaii</option> 
									<option value="Idaho">Idaho</option> 
									<option value="Illinois">Illinois</option> 
									<option value="Indiana">Indiana</option> 
									<option value="Iowa">Iowa</option> 
									<option value="Kansas">Kansas</option> 
									<option value="Kentucky">Kentucky</option> 
									<option value="Louisiana">Louisiana</option> 
									<option value="Maine">Maine</option> 
									<option value="Maryland">Maryland</option> 
									<option value="Massachusetts">Massachusetts</option> 
									<option value="Michigan">Michigan</option> 
									<option value="Minnesota">Minnesota</option> 
									<option value="Mississippi">Mississippi</option> 
									<option value="Missouri">Missouri</option> 
									<option value="Montana">Montana</option> 
									<option value="Nebraska">Nebraska</option> 
									<option value="Nevada">Nevada</option> 
									<option value="New Hampshire">New Hampshire</option> 
									<option value="New Jersey">New Jersey</option> 
									<option value="New Mexico">New Mexico</option> 
									<option value="New York">New York</option> 
									<option value="North Carolina">North Carolina</option> 
									<option value="North Dakota">North Dakota</option> 
									<option value="Ohio">Ohio</option> 
									<option value="Oklahoma">Oklahoma</option> 
									<option value="Oregon">Oregon</option> 
									<option value="Pennsylvania">Pennsylvania</option> 
									<option value="Rhode Island">Rhode Island</option> 
									<option value="South Carolina">South Carolina</option> 
									<option value="South Dakota">South Dakota</option> 
									<option value="Tennessee">Tennessee</option> 
									<option value="Texas">Texas</option> 
									<option value="Utah">Utah</option> 
									<option value="Vermont">Vermont</option> 
									<option value="Virginia">Virginia</option> 
									<option value="Washington">Washington</option> 
									<option value="West Virginia">West Virginia</option> 
									<option value="Wisconsin">Wisconsin</option> 
									<option value="Wyoming">Wyoming</option>
									<option value="Not Applicable">Not Applicable</option>
								</select>
							</p>
							<p>
								<label><i18n data-key="label_zipcode"></i18n></label>
								<input type="text" name="zipcode" class="padded" value="" />
							</p>
							<p>
								<label><i18n data-key="label_country"></i18n></label>
								<input type="text" name="country" class="padded" value="" />
							</p>
							<p>
								<label><i18n data-key="label_phone"></i18n></label>
								<input type="text" name="phone" class="padded" value=""/>
							</p>
						</td>
					</tr>
				</table>
				<div>
					<input type="checkbox" name="tos" value="1" />
					<span class="i18n" data-key="adbull_text_agree_introduction"></span>
					<ul>
						<li class="i18n" data-key="text_adbull_tos_1"></li>
				 		<li class="i18n" data-key="text_adbull_tos_2"></li>
						<li class="i18n" data-key="text_adbull_tos_3"></li>
						<li class="i18n" data-key="text_adbull_tos_4"></li>
					</ul>
				</div>
			</form>
			<div class="buttons">
				<button class="modal_close cancel-button"><i18n data-key="action_cancel"></i18n></button>
				<button id="button-adbull-register-continue"><i18n data-key="continue"></i18n></button>
			</div>
		</div>

		<div id="panel-adbull-add" style="display: none;">
			<form method="post" id="form-adbull-add">
				<input type="hidden" name="a" value="website" />
				<h1><i18n data-key="adbull_company_name"></i18n></h1>
				<p><i18n data-key="text_adbull_add_new_site"></i18n></p>
				<p class="error-message" style="display: none;"></p>
				<p>
					<label><i18n data-key="label_adbull_site_url"></i18n></label>
					<input type="url" name="url" class="padded" />
				</p>
			</form>
			<div class="buttons">
				<button class="modal_close cancel-button"><i18n data-key="action_cancel"></i18n></button>
				<button id="button-adbull-add-continue"><i18n data-key="continue"></i18n></button>
			</div>
		</div>
		
		<div id="panel-adbull-code" style="display: none;">
			<h1><i18n data-key="adbull_company_name"></i18n></h1>
			<p><i18n data-key="adbull_code_instructions"></i18n></p>
			<code class="adbull_code"></code>
			<div class="buttons">
				<button class="modal_close cancel-button"><i18n data-key="action_cancel"></i18n></button>
			</div>
		</div>
		
		<div id="dialog-blog-add" style="display:none;">
			<div class="dialog-blog-add-normal">
				<h1 style="margin-top: 0;"><i18n data-key="action_blog_add"></i18n></h1>
			</div>
			<div class="dialog-blog-add-import" style="display: none;">
				<h1 style="margin-top: 0;"><i18n data-key="action_blog_import"></i18n></h1>
				<p class="i18n" data-key="message_blogs_import"></p>
				<ul id="dialog-blog-import-list"></ul>
			</div>
			<p id="dialog-blog-add-error" style="display: none;" class="error"></p>
			<div id="dialog-blog-add-container">
				<div class="step-1">
					<div id="bar-add-blog-url" class="subbar">
						<label><i18n data-key="label_url"></i18n> <span id="label-add-blog-url"></span></label>
					</div>
					<div class="subunderbar">
						<input type="url" id="text-blog-url" accept="button-blog-urlcheck" cancel="button-addblog-cancel" />
						<p>
							<button id="button-blog-urlcheck"><i18n data-key="action_next"></i18n></button>
						</p>
					</div>
				</div>
				<div class="step-2">
					<div id="bar-add-blog-type" class="subbar">
						<label><i18n data-key="label_blog_type"></i18n> <span id="label-add-blog-type"></span></label>
					</div>
					<div class="subunderbar">
						<select id="list-blog-types">
							<option value="" data-key="option_blogType_select" class="i18n"></option>
							<option value="atom" data-key="option_blogType_atom" class="i18n"></option>
							<option value="blogger" data-key="option_blogType_blogger" class="i18n"></option>
							<option value="wordpress" data-key="option_blogType_wordpress" class="i18n"></option>
							<option value="tumblr" data-key="option_blogType_tumblr" class="i18n"></option>
							<option value="metaweblog" requires_id="true" data-key="option_blogType_metaweblog" class="i18n"></option>
							<option value="movabletype" requires_id="true" data-key="option_blogType_movabletype" class="i18n"></option>
							<option value="posterous" data-key="option_blogType_posterous" class="i18n"></option>
							<option value="livejournal" data-key="option_blogType_livejournal" class="i18n"></option>
						</select>
					</div>
				</div>
				<div class="step-2">
					<div id="bar-add-blog-apiurl" class="subbar">
						<label><i18n data-key="label_apiUrl"></i18n> <span id="label-add-blog-apiurl"></span></label>
					</div>
					<div class="subunderbar">
						<input type="url" id="text-blog-api-url" value="" />
					</div>
					<div id="text-add-blog-id-container" style="display: none;">
						<div id="bar-add-blog-id" class="subbar">
							<label><i18n data-key="label_blogId"></i18n> <span id="label-add-blog-blogid"></span></label>
						</div>
						<div class="subunderbar">
							<input type="text" id="text-addblog-id" />
						</div>
					</div>
				</div>
				<div class="step-2-nooauth">
					<div class="subbar" id="bar-add-blog-credentials">
						<label><i18n data-key="label_loginCredentials"></i18n></label>
					</div>
					<div class="subunderbar">
						<label><i18n data-key="label_username"></i18n></label>
						<input type="text" id="text-blog-username" accept="button-blog-logincheck" />
						<label><i18n data-key="label_password"></i18n></label>
						<input type="password" id="text-blog-password" accept="button-blog-logincheck" />
						<p>
							<button id="button-blog-logincheck"><i18n data-key="action_finish"></i18n></button>
						</p>
					</div>
				</div>
				<div class="step-2-oauth">
					<div class="subbar" id="bar-oauth">
						<label><i18n data-key="label_loginCredentials"></i18n></label>
					</div>
					<div class="subunderbar">
						<button id="button-oauth-authorize">Click to securely authorize ScribeFire</button>
						
						<div id="oauth-token-input" style="display: none;">
							<p>If you are given a code to copy and paste, put it in the box below and then click continue.</p>
							
							<label>Token</label>
							<input type="text" id="text-oauth-token" />
							<button id="button-oauth-accept-token">Continue</button>
						</div>
					</div>
				</div>
			</div>
			<div class="buttons">
				<button class="button-blog-add-cancel modal_close cancel-button dialog-blog-add-normal i18n" data-key="action_cancel"></button>
				<button class="button-blog-add-cancel cancel-button dialog-blog-add-import i18n" style="display: none;" data-key="action_cancel_import"></button>
			</div>
		</div>
		
		<div id="panel-migrate" style="display: none;">
			<section>
				<h3><i18n data-key="action_export"></i18n></h3>
				<div>
					<p><i18n data-key="instructions_export"></i18n></p>
					<button onclick="SCRIBEFIRE.exportData();"><i18n data-key="action_export"></i18n></button>
				</div>
			</section>
			
			<section>
				<h3><i18n data-key="action_import"></i18n></h3>
				<div>
					<p><i18n data-key="instructions_import"></i18n></p>
					<input type="file" onchange="SCRIBEFIRE.importData(this.files);" id="import-file" />
				</div>
			</section>
		</div>
		
		<script type="text/javascript" src="lib/platform.js"></script>
		<script type="text/javascript" src="lib/i18n.js"></script>
		<script type="text/javascript" src="events.js"></script>
	</body>
</html>